<!DOCTYPE html>
<!-- saved from url=(0051)http://www.szlxhd.com/upload/step2/id/182765/type/1 -->
<html>
    <head>
		<script type="text/javascript" src="__PUBLIC__/Home/js/jquery.js"></script>
        <link rel="stylesheet" href="__PUBLIC__/AUI/css/amazeui.min.css">
        <style>
            .broder {
                border: 1px solid #d9d9d9;
            }
        </style>
    </head>
    <body>
        <div>
            <button type="button" class="am-btn am-btn-secondary" onclick="getArea()">获取数据</button>
            <button type="button" class="am-btn am-btn-secondary" onclick="show()">展示数据</button>
        </div>
        <div id="show" style="display: none;">
            <foreach name="list" key="key" item="val">
                <div class="am-g">
                
                    <div class="am-u-sm-4 broder">{$val['areaID']}</div>
                    <div class="am-u-sm-4 broder">{$val['area']}</div>
                    <div class="am-u-sm-4 broder">{$val['zone']}</div>

              
                </div>
            </foreach>
        </div>
        <script type="text/javascript">
	        function getArea(){
                $.ajax({  
                    type: "POST",  
                    url: "{:U('Home/Webser/wsdl')}",  
                    dataType: "json",    
                    success: function(json){  
                      alert(json.info);
                      }  
                });
            }
            function show() {
                $('#show').attr('style',"display: block;");
            }
        </script>
    
    </body>
</html>